<template>
  <div>
    <banner-box></banner-box>
    <about></about>
    <Row>
      <Col :md="{span:12}" :xs="{span:24}">
        <dynamic-box></dynamic-box>
      </Col>
      <Col :md="{span:12}" :xs="{span:24}">
        <photo-box></photo-box>
      </Col>
    </Row>
    <Row>
      <Col :md="{span:12}" :xs="{span:24}">
        <speak-box></speak-box>
      </Col>
      <Col :md="{span:12}" :xs="{span:24}">
        <article-box></article-box>
      </Col>
    </Row>
  </div>
</template>
<script>
  import BannerBox from "@/components/BannerBox"
  import About  from "@/components/About"
  import DynamicBox  from "@/components/DynamicBox"
  import PhotoBox  from "@/components/PhotoBox"
  import SpeakBox  from "@/components/SpeakBox"
  import ArticleBox  from "@/components/ArticleBox"
  export default {
    name: 'Home',
    data() {
      return {
        user_data: '',
      }
    },
    components: {
      'banner-box': BannerBox,
      'about':About,
      'dynamic-box':DynamicBox,
      'photo-box':PhotoBox,
      'speak-box':SpeakBox,
      'article-box':ArticleBox
    },
    computed: {

    },
    methods: {
      showsession() {
        // console.log(sessionStorage.getItem("userdata"));
        if (sessionStorage.getItem("userdata")) {
          this.user_data = JSON.parse(sessionStorage.getItem("userdata"));
        }
      },
      delsession() {
        sessionStorage.removeItem("userdata");
      }
    },
  }
</script>
<style scoped>

</style>
